<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> 
  <!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
</head>

<body>
  <div class="top-bg">
    <div id="main">
    	<!-- header -->
      <header>
        <div class="logo"><a href="index.html"><img src="images/logo.jpg" alt=""></a></div>
       
        <nav class="menu">
          <ul>
          	<li><a href="#">Giới thiệu</a></li>
            <li><a href="#">Đăng ký</a></li>
            <li><a href="#">Gian hàng</a></li>
            <li><a href="#">Trợ giúp</a></li>
          </ul>
        </nav>
        <nav class="top-nav">
          <ul>
          	<li><a href="#">Tên tài khoản</a></li>
            <li><a href="#">Gian hàng của tôi</a></li>
            <li><a href="#">Giỏ hàng của tôi</a></li>
            <li><a href="#">Đăng nhập</a></li>
            <li><a href="#">Đăng xuất</a></li>
          </ul>
        </nav>
        <div class="welcome-message">
        	Chào bạn đến với Web Store
        </div>
      </header>
      <!-- extra-content -->
      <section id="extra-content">
        <div class="wrapper">
          <aside class="left">
            <div class="box">
              <h4>Tìm kiếm</h4>
              <div class="inner">
                <form action="" class="search-form">
                  <fieldset>
                    <p class="field"><input type="text" class="text" value="Nhập từ khóa tìm kiếm"></p>
                    <input type="submit" value="Tìm" class="submit">
                  </fieldset>
                </form>
              </div>
            </div>
            <div class="box">
              <h4>Giỏ hàng của tôi</h4>
              <div class="block myCart">
                Bạn không có sản phẩm nào trong giỏ hàng
              </div>
            </div>
            
            <div class="box last">
              <h4>So sánh sản phẩm</h4>
              <div class="block products">
                Không có sản phẩm so sánh
              </div>
            </div>
          </aside>
          <div class="content"><a href="#"><img src="images/banner1.jpg" alt=""></a></div>
          <aside class="right"><a href="#"><img src="images/banner2.jpg" alt=""></a></aside>
        </div>
      </section>
      <!-- content -->
      <section id="content">
        <div class="wrapper">
          <aside class="left">
            <div class="box">
              <h4>Danh mục sản phẩm</h4>
              <div class="block poll-block">
                <ul class="categories">
               	  <li><a href="#">Sách (300)</a></li>
                   <li><a href="#">Sách (300)</a></li>
                    <li><a href="#">Sách (300)</a></li>
                     <li><a href="#">Sách (300)</a></li>
                      <li><a href="#">Sách (300)</a></li>
                       <li><a href="#">Sách (300)</a></li>
                        <li><a href="#">Sách (300)</a></li>
                         <li><a href="#">Sách (300)</a></li>
                          <li><a href="#">Sách (300)</a></li>
                          
                </ul>
                
              </div>
            </div>
          </aside>
          <div class="content">
            <h2>Sản phẩm mới</h2>
            <div class="indent">
              <ul class="products-list">
                <li class="last">
                  <h3><a href="#">Porter-Cable 314 4-1/2" Trim Saw</a></h3>
                  <figure class="thumb"><a href="#"><img src="images/img1.jpg" alt=""></a></figure>                  
                  <strong class="price">596.000 vnđ</strong>

                  <a href="#" class="button">Thêm vào giỏ</a>
                </li>
                <li class="even last">
                  <h3><a href="#">DeWalt DW432 Heavy-Duty 3" X 21" Belt Sander</a></h3>
                  <figure class="thumb"><a href="#"><img src="images/img2.jpg" alt=""></a></figure>
                  <strong class="price">596.000 vnđ</strong><a href="#" class="button">Thêm vào giỏ</a>
                </li>
              </ul>
            </div>
          </div>
          <aside class="right">
            <div class="box last">
              <h4>Sản phẩm bán chạy</h4>
              <div>
               <ul>
               <li><a href="#">Máy bơm nước zunzun ( 2000 lượt mua)</a></li>
                <li><a href="#">Điện thoại Nokia 2800 ( 9580 lượt mua)</a></li>
               </ul>
              </div>
            </div>
          </aside>
        </div>
      </section>
      <!-- footer -->
      <footer>
        <div class="wrapper">
          <nav class="footer-nav">
            <ul>
            	<li><a href="#">Thông tin</a></li>
              <li><a href="#">Hỗ trợ khách hàng</a></li>
              <li><a href="#">Site Map</a></li>
              <li><a href="#">Tìm kiếm nâng cao</a></li>
              <li><a href="#">Liên hệ</a></li>
            </ul>
          </nav>
          <div class="copy fright">&copy; 2011 Web Store. Sinh viên Khoa CNTT<a href="#"></div>
        </div>
      </footer>
    </div>
  </div>
</body>
</html>
